<template>
<div id="myWalletDrawals">
      <!--后退-->
      <img class="back" src="../../../assets/task/back.png" alt="" onclick="history.go(-1)">
      <div class="accountNumber">
          <p class="title">提现至支付宝</p>
          <section class="drawalsInfo">
                <img src="../../../assets/me/alipay.png" alt="">
                <p>当前支付宝<br>151****1234</p>
                 <router-link to="/resetZFB">
                  <p style="font-size:0.8rem;"><u>当前账号弃用？<br>点击更换支付宝账号</u></p>
                </router-link>  
          </section>
          <section class="balance">
                <p>
                  <span>￥</span>
                  <input type="text"  placeholder="请输入提现金额">
                </p>
                <section>
                    <p>可用余额<u style="margin-left:0.25rem;">8￥</u></p>
                    <p class="drawalsBtn">全部提现</p>
                </section>
          </section>
          <router-link to="/cueMsg" style="text-decoration:none;">
              <p class="sureCom">确定</p>
          </router-link>
          <p class="prompt">帮帮会收取一丢丢手续费用于应对服务器及支某宝的压榨，敬请谅解</p>
      </div>                 
</div>
</template>
<script>
export default {
  data () {
    return {
    }
  },
  methods:{

  }
}
</script>
<style>
#myWalletDrawals{
    height:100%;
    width:100%;
    background-size:100% 100%;
    background-image:url('../../../assets/me/myWalletRecharge.png')
}
#myWalletDrawals .back{
    height:1.1rem;
    width:0.6rem;
    margin:1rem 0.6rem;
}
#myWalletDrawals .accountNumber{
    margin:22vh auto;
    width:80%;
}
#myWalletDrawals .title{
    text-align:center;
    color:#888888;
    font-size:1rem;
    margin:0.5rem;
}
#myWalletDrawals .drawalsInfo{
    padding:2vh 0px;
    border-top:1.5px solid #f8f8f8;
    display:flex; 
    color:#888888;
    justify-content:space-between;
}
#myWalletDrawals .drawalsInfo > img{
    width:2rem;
    height:2rem;
}
#myWalletDrawals .drawalsInfo > p{
    font-size:0.8rem;
    margin-right:2.5rem;
}
#myWalletDrawals .balance{
    padding:3vh 0px;
    border-top:1.5px solid #f8f8f8;
    display:flex;
    color:#888888;
    justify-content:space-between;
}
#myWalletDrawals .balance > p{
    border-bottom:1.5px solid #e2e2e2;
    width:50%;
    display:flex;
}
#myWalletDrawals .balance > p >span{
    font-size:1.75rem;
    font-weight:700;
}
#myWalletDrawals .balance > p > input{
    font-size:0.7rem;
}
#myWalletDrawals .balance .drawalsBtn{
    height:4vh;
    line-height:4vh;
    text-align:center;
    background:#29a193;
    color:#fff;
    margin-left:2rem;
    border-radius:8px;
}
#myWalletDrawals .balance > section{
    width:49%;
    text-align:right;
    font-size:0.7rem;
}
#myWalletDrawals .sureCom{
    height:5vh;
    line-height:5vh;
    text-align:center;
    width:80%;
    margin:1vh auto;
    background:#29a193;
    color:#fff;
}
#myWalletDrawals .prompt{
    line-height:1rem;
    text-align:center;
    width:60%;
    margin:0px auto;
    font-size:0.6rem;
    color:#888888;
}
</style>